%script#loading_row_template{type: 'text/x-handlebars-template'}
  .search-result-item.in-progress
    .badge
    .basic-info
      %p= '{{loading_copy}}'
%script#template_result_template{type: 'text/x-handlebars-template'}
  .search-result-item
    %h4= '{{title}}'
    %p
      {{description}}
      %a{href:"/templates/77/details", class: "template-details-link"}
        More Details
    %p= '{{last_updated_on}}'

%script#remote_image_result_template{type: 'text/x-handlebars-template'}
  .search-result-item
    %h4= '{{title}}'
    %p= '{{description}}'
    %p= '{{last_updated_on}}'
    = select_tag 'app[tag]',
      options_for_select(['latest']),
      id: nil,
      class: 'image-tag-select',
      data: { 'loaded' => false, 'registry-id' => 321 }
%script#local_image_result_template{type: 'text/x-handlebars-template'}
  .search-result-item
    %h4= '{{title}}'
    %p= '{{description}}'
    %p= '{{last_updated_on}}'
    = select_tag 'app[tag]',
      options_for_select(['latest']),
      id: nil,
      class: 'image-tag-select',
      data: {'loaded' => false}
%script#absolute_image_result_template{type: 'text/x-handlebars-template'}
  .search-result-item
    %h4= '{{source}}'
    %p This is an absolute path
%script#no_results_row_template{type: 'text/x-handlebars-template'}
  %p sorry, nothin here
%script#source_blurb_row_template{type: 'text/x-handlebars-template'}
  .search-result-item.source-repo-blurb
    .badge
    .basic-info
      %p
        %strong This is some information about how users can create their own templates.
    .link-actions
      = link_to 'Learn more about Panamax Templates', '#'

.filterable-list
  %form.search-form{action: '/search'}
    %label{for: 'query'} Command
    %input.query-field{type: 'text', name: 'query'}

  %section.example-searches
    %a.example.wordpress{data: {query: "wordpress"}} wordpress,
    %a.example.apache{data: {query: "apache"}} apache,
    %a.example.wordpress{data: {query: "rails"}} rails,
    %a.example.ubuntu{data: {query: "ubuntu"}} ubuntu,
    %a.example.java{data: {query: "java"}} java

  %h3.search-title Templates
  .template-results

  %h3.search-title Images
  .local-image-results
  .remote-image-results
